<!DOCTYPE html>
<html lang="ch">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>聊天室登录页面</title>
    <meta name="description"
          content="The ultimate Bootstrap based Messaging framework to help build Messaging or Chat application fast and easy. Fully responsive and crafted with modern elements and latest design">
    <meta name="keywords" content="Chatriq, chat, messaging, theme, platform"/>
    <meta name="subject" content="">
    <meta name="copyright" content="">
    <link rel="icon" href="assets/images/favicon.ico" type="image/x-icon"/>

    <link rel="stylesheet" type="text/css" href="dist/css/materialdesignicons.min.css">
    <link rel="stylesheet" type="text/css" href="assets/vendors/material-floating-button/dist/mfb.min.css">
    <link rel="stylesheet" type="text/css" href="dist/css/app.css">
    <link rel="stylesheet" type="text/css" href="dist/css/theme/default-theme.css">
</head>
<body class="default-theme">


<!-- main wrapper start -->
<div class="main-wrapper">
    <div class="chatapp">
        <!-- navbar start -->
        <nav id="navbar" class="navbar navbar-expand-md navbar-light fixed-top bg-white border-bottom shadow-sm">
            <a class="navbar-brand" href="index.html">
                <img src="assets/images/logo.svg" width="50" height="50" class="d-inline-block align-top" alt="">
                <h1>欢迎来到聊天室（Netty版）</h1>
            </a>
        </nav>
        <!-- navbar end -->

        <!-- sidebar start -->
        <div class="chatapp__sidebar">
            <ul class="nav" id="myTab" role="tablist">
                <li class="nav-item">
                    <a class="nav-link">
                        <i class="mdi mdi-message-text-outline"></i><span>闲聊广场</span>
                    </a>
                </li>
                <li class="nav-item">
                    <a class="nav-link">
                        <i class="mdi mdi-phone-outline"></i><span>私聊</span>
                    </a>
                </li>

                <li class="nav-item">
                    <a class="nav-link">
                        <i class="mdi mdi-account-box-outline"></i><span>通讯录</span>
                    </a>
                </li>
            </ul>
        </div>
        <!-- sidebar end -->

        <!-- main content start -->
        <div class="chatapp__content">
            <div class="taskmanager-wrapper">
                <div class="container-fluid">
                    <div class="row pt-3 mb-5">
                        <div class="col-xl-6 col-lg-6 col-md-6 col-12">
                            <div class="taskpanel-title" style="font-size: 250%">登录表单</div>
                            <div class="taskpanel" id="inProcessTask" style="padding-top: 10%">
                                <div class="taskcard">
                                    <div class="card">
                                        <div class="card-body">
                                            <form action="/user/login" method="post">
                                                <!--开启spring security的csrf保护-->
                                                <!--<input type="hidden" th:name="${_csrf.parameterName}" th:value="${_csrf.token}"/>-->
                                                <div class="taskname" style="font-size: 170%;margin-bottom: 2%">聊天昵称
                                                </div>
                                                <input type="text" class="form-control" placeholder="请输入昵称..."
                                                       name="username" id="userName" autofocus>

                                                <div class="taskname"
                                                     style="font-size: 170%;margin-bottom: 2%;margin-top: 5%">登陆密码
                                                </div>
                                                <input type="text" class="form-control" name="password"
                                                       placeholder="请输入密码..." id="password" autofocus>
                                                <br>
                                                <div style="font-size: 140%;margin-bottom: 5%">
                                                    <input type="checkbox" name="remember-me">记住密码
                                                </div>
                                                <div style="text-align: center">
                                                    <button class="btn btn-primary" type="submit" id="login"
                                                            style="font-size: 200%;margin-right: 6%">GO!!!
                                                    </button>
                                                    <button class="btn btn-primary" style="font-size: 200%">注册</button>
                                                </div>

                                            </form>
                                        </div>

                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="col-xl-6 col-lg-6 col-md-6 col-12">
                            <div class="taskpanel-title" style="font-size: 250%">快速测试</div>
                            <div class="taskpanel" id="inReviewTask">
                                <h5 class="pt-3" style="margin-bottom: 5%">
                                    由于浏览器的<span style="color: red">安全机制</span>限制，无法一次性打开一个以上的窗口。请先点击下方的“登录”按钮，登陆成功后依次点击四个测试用户的“进入首页”按钮，您可以进行聊天测试...</h5>
                                <div class="taskcard">
                                    <div class="card">
                                        <div class="card-body">
                                            <div class="taskbox">
                                                <div class="taskbox__icon">
                                                    <svg width="35px" height="35px" fill="#ae6eea" version="1.1"
                                                         id="Capa_1" xmlns="http://www.w3.org/2000/svg"
                                                         xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
                                                         viewBox="0 0 438.891 438.891"
                                                         style="enable-background:new 0 0 438.891 438.891;"
                                                         xml:space="preserve">
                                                    <g>
                                                        <g>
                                                            <g>
                                                                <path d="M347.968,57.503h-39.706V39.74c0-5.747-6.269-8.359-12.016-8.359h-30.824c-7.314-20.898-25.6-31.347-46.498-31.347
                                                                    c-20.668-0.777-39.467,11.896-46.498,31.347h-30.302c-5.747,0-11.494,2.612-11.494,8.359v17.763H90.923
                                                                    c-23.53,0.251-42.78,18.813-43.886,42.318v299.363c0,22.988,20.898,39.706,43.886,39.706h257.045
                                                                    c22.988,0,43.886-16.718,43.886-39.706V99.822C390.748,76.316,371.498,57.754,347.968,57.503z M151.527,52.279h28.735
                                                                    c5.016-0.612,9.045-4.428,9.927-9.404c3.094-13.474,14.915-23.146,28.735-23.51c13.692,0.415,25.335,10.117,28.212,23.51
                                                                    c0.937,5.148,5.232,9.013,10.449,9.404h29.78v41.796H151.527V52.279z M370.956,399.185c0,11.494-11.494,18.808-22.988,18.808
                                                                    H90.923c-11.494,0-22.988-7.314-22.988-18.808V99.822c1.066-11.964,10.978-21.201,22.988-21.42h39.706v26.645
                                                                    c0.552,5.854,5.622,10.233,11.494,9.927h154.122c5.98,0.327,11.209-3.992,12.016-9.927V78.401h39.706
                                                                    c12.009,0.22,21.922,9.456,22.988,21.42V399.185z"/>
                                                                <path d="M179.217,233.569c-3.919-4.131-10.425-4.364-14.629-0.522l-33.437,31.869l-14.106-14.629
                                                                    c-3.919-4.131-10.425-4.363-14.629-0.522c-4.047,4.24-4.047,10.911,0,15.151l21.42,21.943c1.854,2.076,4.532,3.224,7.314,3.135
                                                                    c2.756-0.039,5.385-1.166,7.314-3.135l40.751-38.661c4.04-3.706,4.31-9.986,0.603-14.025
                                                                    C179.628,233.962,179.427,233.761,179.217,233.569z"/>
                                                                <path d="M329.16,256.034H208.997c-5.771,0-10.449,4.678-10.449,10.449s4.678,10.449,10.449,10.449H329.16
                                                                    c5.771,0,10.449-4.678,10.449-10.449S334.931,256.034,329.16,256.034z"/>
                                                                <path d="M179.217,149.977c-3.919-4.131-10.425-4.364-14.629-0.522l-33.437,31.869l-14.106-14.629
                                                                    c-3.919-4.131-10.425-4.364-14.629-0.522c-4.047,4.24-4.047,10.911,0,15.151l21.42,21.943c1.854,2.076,4.532,3.224,7.314,3.135
                                                                    c2.756-0.039,5.385-1.166,7.314-3.135l40.751-38.661c4.04-3.706,4.31-9.986,0.603-14.025
                                                                    C179.628,150.37,179.427,150.169,179.217,149.977z"/>
                                                                <path d="M329.16,172.442H208.997c-5.771,0-10.449,4.678-10.449,10.449s4.678,10.449,10.449,10.449H329.16
                                                                    c5.771,0,10.449-4.678,10.449-10.449S334.931,172.442,329.16,172.442z"/>
                                                                <path d="M179.217,317.16c-3.919-4.131-10.425-4.363-14.629-0.522l-33.437,31.869l-14.106-14.629
                                                                    c-3.919-4.131-10.425-4.363-14.629-0.522c-4.047,4.24-4.047,10.911,0,15.151l21.42,21.943c1.854,2.076,4.532,3.224,7.314,3.135
                                                                    c2.756-0.039,5.385-1.166,7.314-3.135l40.751-38.661c4.04-3.706,4.31-9.986,0.603-14.025
                                                                    C179.628,317.554,179.427,317.353,179.217,317.16z"/>
                                                                <path d="M329.16,339.626H208.997c-5.771,0-10.449,4.678-10.449,10.449s4.678,10.449,10.449,10.449H329.16
                                                                    c5.771,0,10.449-4.678,10.449-10.449S334.931,339.626,329.16,339.626z"/>
                                                            </g>
                                                        </g>
                                                    </g>
                                                </svg>
                                                </div>
                                                <div class="taskbox__text">
                                                    <div class="taskbox__text--numbers">老王</div>
                                                    <div class="taskbox__text--heading">该账号不可增删好友</div>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="taskcard-dragger"><i class="mdi mdi-drag-horizontal"></i></div>
                                    </div>
                                </div>
                                <div class="taskcard">
                                    <div class="card">
                                        <div class="card-body">
                                            <div class="taskbox">
                                                <div class="taskbox__icon">
                                                    <svg width="35px" height="35px" fill="#ae6eea" version="1.1"
                                                         id="Capa_1" xmlns="http://www.w3.org/2000/svg"
                                                         xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
                                                         viewBox="0 0 438.891 438.891"
                                                         style="enable-background:new 0 0 438.891 438.891;"
                                                         xml:space="preserve">
                                                    <g>
                                                        <g>
                                                            <g>
                                                                <path d="M347.968,57.503h-39.706V39.74c0-5.747-6.269-8.359-12.016-8.359h-30.824c-7.314-20.898-25.6-31.347-46.498-31.347
                                                                    c-20.668-0.777-39.467,11.896-46.498,31.347h-30.302c-5.747,0-11.494,2.612-11.494,8.359v17.763H90.923
                                                                    c-23.53,0.251-42.78,18.813-43.886,42.318v299.363c0,22.988,20.898,39.706,43.886,39.706h257.045
                                                                    c22.988,0,43.886-16.718,43.886-39.706V99.822C390.748,76.316,371.498,57.754,347.968,57.503z M151.527,52.279h28.735
                                                                    c5.016-0.612,9.045-4.428,9.927-9.404c3.094-13.474,14.915-23.146,28.735-23.51c13.692,0.415,25.335,10.117,28.212,23.51
                                                                    c0.937,5.148,5.232,9.013,10.449,9.404h29.78v41.796H151.527V52.279z M370.956,399.185c0,11.494-11.494,18.808-22.988,18.808
                                                                    H90.923c-11.494,0-22.988-7.314-22.988-18.808V99.822c1.066-11.964,10.978-21.201,22.988-21.42h39.706v26.645
                                                                    c0.552,5.854,5.622,10.233,11.494,9.927h154.122c5.98,0.327,11.209-3.992,12.016-9.927V78.401h39.706
                                                                    c12.009,0.22,21.922,9.456,22.988,21.42V399.185z"/>
                                                                <path d="M179.217,233.569c-3.919-4.131-10.425-4.364-14.629-0.522l-33.437,31.869l-14.106-14.629
                                                                    c-3.919-4.131-10.425-4.363-14.629-0.522c-4.047,4.24-4.047,10.911,0,15.151l21.42,21.943c1.854,2.076,4.532,3.224,7.314,3.135
                                                                    c2.756-0.039,5.385-1.166,7.314-3.135l40.751-38.661c4.04-3.706,4.31-9.986,0.603-14.025
                                                                    C179.628,233.962,179.427,233.761,179.217,233.569z"/>
                                                                <path d="M329.16,256.034H208.997c-5.771,0-10.449,4.678-10.449,10.449s4.678,10.449,10.449,10.449H329.16
                                                                    c5.771,0,10.449-4.678,10.449-10.449S334.931,256.034,329.16,256.034z"/>
                                                                <path d="M179.217,149.977c-3.919-4.131-10.425-4.364-14.629-0.522l-33.437,31.869l-14.106-14.629
                                                                    c-3.919-4.131-10.425-4.364-14.629-0.522c-4.047,4.24-4.047,10.911,0,15.151l21.42,21.943c1.854,2.076,4.532,3.224,7.314,3.135
                                                                    c2.756-0.039,5.385-1.166,7.314-3.135l40.751-38.661c4.04-3.706,4.31-9.986,0.603-14.025
                                                                    C179.628,150.37,179.427,150.169,179.217,149.977z"/>
                                                                <path d="M329.16,172.442H208.997c-5.771,0-10.449,4.678-10.449,10.449s4.678,10.449,10.449,10.449H329.16
                                                                    c5.771,0,10.449-4.678,10.449-10.449S334.931,172.442,329.16,172.442z"/>
                                                                <path d="M179.217,317.16c-3.919-4.131-10.425-4.363-14.629-0.522l-33.437,31.869l-14.106-14.629
                                                                    c-3.919-4.131-10.425-4.363-14.629-0.522c-4.047,4.24-4.047,10.911,0,15.151l21.42,21.943c1.854,2.076,4.532,3.224,7.314,3.135
                                                                    c2.756-0.039,5.385-1.166,7.314-3.135l40.751-38.661c4.04-3.706,4.31-9.986,0.603-14.025
                                                                    C179.628,317.554,179.427,317.353,179.217,317.16z"/>
                                                                <path d="M329.16,339.626H208.997c-5.771,0-10.449,4.678-10.449,10.449s4.678,10.449,10.449,10.449H329.16
                                                                    c5.771,0,10.449-4.678,10.449-10.449S334.931,339.626,329.16,339.626z"/>
                                                            </g>
                                                        </g>
                                                    </g>
                                                </svg>
                                                </div>
                                                <div class="taskbox__text">
                                                    <div class="taskbox__text--numbers">老李</div>
                                                    <div class="taskbox__text--heading">该账号不可增删好友</div>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="taskcard-dragger"><i class="mdi mdi-drag-horizontal"></i></div>
                                    </div>
                                </div>
                                <div class="taskcard">
                                    <div class="card">
                                        <div class="card-body">
                                            <div class="taskbox">
                                                <div class="taskbox__icon">
                                                    <svg width="35px" height="35px" fill="#ae6eea" version="1.1"
                                                         id="Capa_1" xmlns="http://www.w3.org/2000/svg"
                                                         xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
                                                         viewBox="0 0 438.891 438.891"
                                                         style="enable-background:new 0 0 438.891 438.891;"
                                                         xml:space="preserve">
                                                    <g>
                                                        <g>
                                                            <g>
                                                                <path d="M347.968,57.503h-39.706V39.74c0-5.747-6.269-8.359-12.016-8.359h-30.824c-7.314-20.898-25.6-31.347-46.498-31.347
                                                                    c-20.668-0.777-39.467,11.896-46.498,31.347h-30.302c-5.747,0-11.494,2.612-11.494,8.359v17.763H90.923
                                                                    c-23.53,0.251-42.78,18.813-43.886,42.318v299.363c0,22.988,20.898,39.706,43.886,39.706h257.045
                                                                    c22.988,0,43.886-16.718,43.886-39.706V99.822C390.748,76.316,371.498,57.754,347.968,57.503z M151.527,52.279h28.735
                                                                    c5.016-0.612,9.045-4.428,9.927-9.404c3.094-13.474,14.915-23.146,28.735-23.51c13.692,0.415,25.335,10.117,28.212,23.51
                                                                    c0.937,5.148,5.232,9.013,10.449,9.404h29.78v41.796H151.527V52.279z M370.956,399.185c0,11.494-11.494,18.808-22.988,18.808
                                                                    H90.923c-11.494,0-22.988-7.314-22.988-18.808V99.822c1.066-11.964,10.978-21.201,22.988-21.42h39.706v26.645
                                                                    c0.552,5.854,5.622,10.233,11.494,9.927h154.122c5.98,0.327,11.209-3.992,12.016-9.927V78.401h39.706
                                                                    c12.009,0.22,21.922,9.456,22.988,21.42V399.185z"/>
                                                                <path d="M179.217,233.569c-3.919-4.131-10.425-4.364-14.629-0.522l-33.437,31.869l-14.106-14.629
                                                                    c-3.919-4.131-10.425-4.363-14.629-0.522c-4.047,4.24-4.047,10.911,0,15.151l21.42,21.943c1.854,2.076,4.532,3.224,7.314,3.135
                                                                    c2.756-0.039,5.385-1.166,7.314-3.135l40.751-38.661c4.04-3.706,4.31-9.986,0.603-14.025
                                                                    C179.628,233.962,179.427,233.761,179.217,233.569z"/>
                                                                <path d="M329.16,256.034H208.997c-5.771,0-10.449,4.678-10.449,10.449s4.678,10.449,10.449,10.449H329.16
                                                                    c5.771,0,10.449-4.678,10.449-10.449S334.931,256.034,329.16,256.034z"/>
                                                                <path d="M179.217,149.977c-3.919-4.131-10.425-4.364-14.629-0.522l-33.437,31.869l-14.106-14.629
                                                                    c-3.919-4.131-10.425-4.364-14.629-0.522c-4.047,4.24-4.047,10.911,0,15.151l21.42,21.943c1.854,2.076,4.532,3.224,7.314,3.135
                                                                    c2.756-0.039,5.385-1.166,7.314-3.135l40.751-38.661c4.04-3.706,4.31-9.986,0.603-14.025
                                                                    C179.628,150.37,179.427,150.169,179.217,149.977z"/>
                                                                <path d="M329.16,172.442H208.997c-5.771,0-10.449,4.678-10.449,10.449s4.678,10.449,10.449,10.449H329.16
                                                                    c5.771,0,10.449-4.678,10.449-10.449S334.931,172.442,329.16,172.442z"/>
                                                                <path d="M179.217,317.16c-3.919-4.131-10.425-4.363-14.629-0.522l-33.437,31.869l-14.106-14.629
                                                                    c-3.919-4.131-10.425-4.363-14.629-0.522c-4.047,4.24-4.047,10.911,0,15.151l21.42,21.943c1.854,2.076,4.532,3.224,7.314,3.135
                                                                    c2.756-0.039,5.385-1.166,7.314-3.135l40.751-38.661c4.04-3.706,4.31-9.986,0.603-14.025
                                                                    C179.628,317.554,179.427,317.353,179.217,317.16z"/>
                                                                <path d="M329.16,339.626H208.997c-5.771,0-10.449,4.678-10.449,10.449s4.678,10.449,10.449,10.449H329.16
                                                                    c5.771,0,10.449-4.678,10.449-10.449S334.931,339.626,329.16,339.626z"/>
                                                            </g>
                                                        </g>
                                                    </g>
                                                </svg>
                                                </div>
                                                <div class="taskbox__text">
                                                    <div class="taskbox__text--numbers">老陈</div>
                                                    <div class="taskbox__text--heading">该账号不可增删好友</div>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="taskcard-dragger"><i class="mdi mdi-drag-horizontal"></i></div>
                                    </div>
                                </div>
                                <div class="taskcard">
                                    <div class="card">
                                        <div class="card-body">
                                            <div class="taskbox">
                                                <div class="taskbox__icon">
                                                    <svg width="35px" height="35px" fill="#ae6eea" version="1.1"
                                                         id="Capa_1" xmlns="http://www.w3.org/2000/svg"
                                                         xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
                                                         viewBox="0 0 438.891 438.891"
                                                         style="enable-background:new 0 0 438.891 438.891;"
                                                         xml:space="preserve">
                                                    <g>
                                                        <g>
                                                            <g>
                                                                <path d="M347.968,57.503h-39.706V39.74c0-5.747-6.269-8.359-12.016-8.359h-30.824c-7.314-20.898-25.6-31.347-46.498-31.347
                                                                    c-20.668-0.777-39.467,11.896-46.498,31.347h-30.302c-5.747,0-11.494,2.612-11.494,8.359v17.763H90.923
                                                                    c-23.53,0.251-42.78,18.813-43.886,42.318v299.363c0,22.988,20.898,39.706,43.886,39.706h257.045
                                                                    c22.988,0,43.886-16.718,43.886-39.706V99.822C390.748,76.316,371.498,57.754,347.968,57.503z M151.527,52.279h28.735
                                                                    c5.016-0.612,9.045-4.428,9.927-9.404c3.094-13.474,14.915-23.146,28.735-23.51c13.692,0.415,25.335,10.117,28.212,23.51
                                                                    c0.937,5.148,5.232,9.013,10.449,9.404h29.78v41.796H151.527V52.279z M370.956,399.185c0,11.494-11.494,18.808-22.988,18.808
                                                                    H90.923c-11.494,0-22.988-7.314-22.988-18.808V99.822c1.066-11.964,10.978-21.201,22.988-21.42h39.706v26.645
                                                                    c0.552,5.854,5.622,10.233,11.494,9.927h154.122c5.98,0.327,11.209-3.992,12.016-9.927V78.401h39.706
                                                                    c12.009,0.22,21.922,9.456,22.988,21.42V399.185z"/>
                                                                <path d="M179.217,233.569c-3.919-4.131-10.425-4.364-14.629-0.522l-33.437,31.869l-14.106-14.629
                                                                    c-3.919-4.131-10.425-4.363-14.629-0.522c-4.047,4.24-4.047,10.911,0,15.151l21.42,21.943c1.854,2.076,4.532,3.224,7.314,3.135
                                                                    c2.756-0.039,5.385-1.166,7.314-3.135l40.751-38.661c4.04-3.706,4.31-9.986,0.603-14.025
                                                                    C179.628,233.962,179.427,233.761,179.217,233.569z"/>
                                                                <path d="M329.16,256.034H208.997c-5.771,0-10.449,4.678-10.449,10.449s4.678,10.449,10.449,10.449H329.16
                                                                    c5.771,0,10.449-4.678,10.449-10.449S334.931,256.034,329.16,256.034z"/>
                                                                <path d="M179.217,149.977c-3.919-4.131-10.425-4.364-14.629-0.522l-33.437,31.869l-14.106-14.629
                                                                    c-3.919-4.131-10.425-4.364-14.629-0.522c-4.047,4.24-4.047,10.911,0,15.151l21.42,21.943c1.854,2.076,4.532,3.224,7.314,3.135
                                                                    c2.756-0.039,5.385-1.166,7.314-3.135l40.751-38.661c4.04-3.706,4.31-9.986,0.603-14.025
                                                                    C179.628,150.37,179.427,150.169,179.217,149.977z"/>
                                                                <path d="M329.16,172.442H208.997c-5.771,0-10.449,4.678-10.449,10.449s4.678,10.449,10.449,10.449H329.16
                                                                    c5.771,0,10.449-4.678,10.449-10.449S334.931,172.442,329.16,172.442z"/>
                                                                <path d="M179.217,317.16c-3.919-4.131-10.425-4.363-14.629-0.522l-33.437,31.869l-14.106-14.629
                                                                    c-3.919-4.131-10.425-4.363-14.629-0.522c-4.047,4.24-4.047,10.911,0,15.151l21.42,21.943c1.854,2.076,4.532,3.224,7.314,3.135
                                                                    c2.756-0.039,5.385-1.166,7.314-3.135l40.751-38.661c4.04-3.706,4.31-9.986,0.603-14.025
                                                                    C179.628,317.554,179.427,317.353,179.217,317.16z"/>
                                                                <path d="M329.16,339.626H208.997c-5.771,0-10.449,4.678-10.449,10.449s4.678,10.449,10.449,10.449H329.16
                                                                    c5.771,0,10.449-4.678,10.449-10.449S334.931,339.626,329.16,339.626z"/>
                                                            </g>
                                                        </g>
                                                    </g>
                                                </svg>
                                                </div>
                                                <div class="taskbox__text">
                                                    <div class="taskbox__text--numbers">老林</div>
                                                    <div class="taskbox__text--heading">该账号不可增删好友</div>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="taskcard-dragger"><i class="mdi mdi-drag-horizontal"></i></div>
                                    </div>
                                </div>
                                <div class="taskcard">
                                    <div class="card">
                                        <div class="card-body">
                                            <div class="taskbox">
                                                <button class="btn btn-primary openTest" style="font-size: 100%;"
                                                        id="test">请先登录！
                                                </button>
                                                <button class="btn btn-primary openTest" style="font-size: 100%;" id="1">
                                                    打开老王的首页
                                                </button>
                                                <button class="btn btn-primary openTest" style="font-size: 100%;" id="2">
                                                    打开老李的首页
                                                </button>
                                                <button class="btn btn-primary openTest" style="font-size: 100%;" id="3">
                                                    打开老陈的首页
                                                </button>
                                                <button class="btn btn-primary openTest" style="font-size: 100%;" id="4">
                                                    打开老林的首页
                                                </button>
                                            </div>
                                        </div>
                                        <div class="taskcard-dragger"><i class="mdi mdi-drag-horizontal"></i></div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <!-- main content end -->
    </div>
</div>


<!-- Javascripts Files -->
<script src="dist/js/popper.min.js"></script>
<script src="assets/vendors/perfect-scrollbar/perfect-scrollbar.min.js"></script>
<script src="assets/vendors/shortable/sortable.min.js"></script>
<script src="dist/js/jquery-3.4.1.min.js"></script>
<script src="dist/js/layer/layer.js"></script>
<script type="text/javascript">


    $(function () {

        //弹出是个登陆好的页面
        $("#test").click(function () {
            var username = "test";
            for (var i = 1; i <= 4; i++) {
                username += i;
                $.post("/user/login", {"username": username, "password": "123"}, function (result) {
                });
                username = "test";
            }
            layer.msg("四个测试用户登陆完成，请依次点击打开用户首页...")
        });

        $(".openTest").click(function () {
            var id = $(this).attr("id");
            var username = "test" + id;
            var host = window.location.host;
            window.open("http://" + host + "/index.html?test=" + username)
        })
    })


</script>
</body>
</html>
